html{
    transition: 1s all ease;
}
.blackTheme{
    background: #f7f7f7;
    filter: invert(95%) hue-rotate(180deg);
    .van-button,
    svg,
    img,
    video,
    canvas,
    .van-tag,
    .ivu-switch,
    .roundBoxCoreClass,
    .tripDemandCountBoxClass,
    .vs-avatar__badge,
    .decorateTripBox,
    .edui-icon,
    .vs-switch,
    .safewincontentclass,
    .vs-button,
    .one,
    .two,
    .three,
    .four,
    .five,
    .six,
    .seven,
    .linghtsBoxClass,
    .tagBoxClass,.copyBoxBClass,.webInfosBox,.newArticleCoreBox,.menuBigBoxClass,.loginMain,pre {
        filter: invert(1) hue-rotate(180deg)
    }
    .ivu-switch {
        border-color: #000 !important;
        background-color: #000 !important;
    }
    .ivu-switch-inner {
        color: #c7c7c7 !important;
    }
    .ivu-switch-checked {
        background: var(--gradualDias) !important;
    }
    .vs-component--primary,
    .vs-switch {
        background: var(--gradualDias) !important;
    }
    .app-tools {
        span {
            color: #c7c7c7 !important;
            background: #c7c7c7 !important;
        }
    }
    .vs-component--dark {
        background: #484848 !important;
    }
    .vs-input-parent {
        background: transparent !important;
    }
    .vs-switch__text,
    .on,
    .off {
        color: white !important;
    }
    .vs-switch__circle {
        background: #c7c7c7 !important;
    }
    .ivu-switch:after {
        background: var(--gradualDiasx) !important;
    }
}